<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        body
        {
         background-color: #f5f5f5;      
        }
        
        .goods
        {
            width: 234px;
            height: 400px;
            background-color: #f5f5f5;
            margin:0 auto;
          /* 整个标签居中 */
            /* 标签内容居中 */

            text-align: center;
        } 

        img
        {
          width: 160px;
        }

        .one
        {
        font-size: 14px;
        line-height: 25px;
        }

        .two
        {
            color: #ccc;
            font-size: 12px;
            line-height: 30px;
            /* 行高 */

        }

        .three
        {
           font-size: 14px;
           color: #ffa500; 
        }

    </style>

</head>
<body>
      
   <div class="goods">
     <img src="./图片/小米平衡车.png" alt="">

     <div class="one" > 9号平衡车</div>
     <div class="two">成年人的玩具</div>
     <div class="three">7999元</div>
       
</div>
   

   

   


   
</body>


</html>